<template>
    <div class="table">
        <div class="item" v-for="(item,index) in propValue.data" :key="index">
            <div class="name">{{item.key}}</div>
            <div class="value">{{item.value}}</div>
        </div>
    </div>
</template>

<script>
import request from '@/utils/request'
import OnEvent from '../common/OnEvent'

export default {
    extends: OnEvent,
    props: {
        propValue: {
            type: Object,
            default: () => {},
        },
        request: {
            type: Object,
            default: () => {},
        },
        element: {
            type: Object,
            default: () => {},
        },
    },
    data() {
        return {
        }
    },
    mounted() {
    }
}
</script>

<style lang="scss" scoped>
.table{
    width: 100%;
    height: 100%;
    .item{
        display: flex;
        flex-direction: row;

        div{
            width: 50%;
            border: #d0d0d0 1px solid;
            color: #d0d0d0;
        }
    }
}
</style>
